<section id="main-content">
  <section class="wrapper">
    <!--state overview end-->
    <div class="row">
      <div class="col-lg-12">
        <section class="panel">
          <header class="panel-heading">
            基本信息
          </header>
          <div class="panel-body">
            <div class="bio-row">
              <p>
                <span>申请人 </span>{{createUser}}</p>
            </div>
            <div class="bio-row">
              <p>
                <span>归属项目 </span>{{proName}}</p>
            </div>
            <div class="bio-row">
              <p>
                <span>开始日期 </span>{{beginTime | date:'yyyy-MM-dd'}}&nbsp;&nbsp;{{start}}</p>
            </div>
            <div class="bio-row">
              <p>
                <span>结束日期 </span>{{endTime | date:'yyyy-MM-dd'}}&nbsp;&nbsp;{{end}}</p>
            </div>
            <div class="bio-row">
              <p>
                <span>加班天数 </span>{{vacationDay}}天</p>
            </div>
            <div class="bio-row">
              <p>
                <span>加班总时长 </span>{{totalHour}}小时</p>
            </div>
            <div class="bio-row line-row">
              <p>
                <span>说明 </span>{{comments}}</p>
            </div>
          </div>
        </section>

        <!-- <section class="panel">
          <header class="panel-heading">
              审批意见
          </header>
          <div class="panel-body">
            <div class="form-group customerForm">
           
                <textarea class="form-control" name="opinionMsg" disabled maxlength="250" id="opinionMsg">{{opinionMsg}}</textarea>
             
            </div>


           
          </div>
        </section> -->

        <section class="panel">
            <div class="panel-body">
                <p class="default-buttons">
                    <a href="javascript:void(0);" class="button-back btn btn-info" onclick="window.history.back()">返回</a>
                    <a href="javascript:void(0);" class="button-next  btn btn-info" onclick="window.history.back()">确认</a>
                </p>
            </div>
        </section>

        <section>
          <a href="javascript:void(0);" class="second" id="process" onclick="shaper();">
            流程跟踪
          </a>
        </section>
        <!-- 流程跟踪展示效果 -->
        <section class="hdaper">
          <div class="panel">
            <div class="panel-heading add-heading">
              流程跟踪
              <i class="add-icon icon-remove" href="javascript:$.pageslide.close()" onclick="hdaper();"></i>
            </div>
            <div class="panel-body panel-proce">
              <div class="proce-middle" id="nodeContiner"></div>
            </div>
          </div>
          <div class="paper-bg"  onclick="clsbox();"></div>
        </section>

      </div>
    </div>
  </section>
</section>
<script type="text/javascript" src="js/leave/jbworksp.js"></script>
<script src="js/leave/jbworkSpNode.js"></script>